home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Stylesheets / page-organizer.izs < prev    next >
Text File  |  2005-09-27  |  6KB  |  260 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Page Organizer 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>This is a good thing to learn, can be good for things like forums and stuff!<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>css<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13. <!-- HOW TO INSTALL PAGE ORGANIZER:
  14.  
  15.  
  16.  
  17.   1.  Copy code into the HEAD section of document
  18.  
  19.   2.  Put last coding into the BODY section of document  -->
  20.  
  21.  
  22.  
  23. <!-- STEP ONE: Add code into HEAD section of document  -->
  24.  
  25.  
  26.  
  27. <HEAD>
  28.  
  29.  
  30.  
  31. <style type="text/css">
  32.  
  33. <!--
  34.  
  35. .para {font-family: "Verdana","Arial","sans-serif"; font-size: 10pt;}
  36.  
  37. a.headings:link {color: #000000;text-decoration:underline;width:100%;}
  38.  
  39. a.headings:visited {color: #aa6611; width:100%}
  40.  
  41. a.headings:hover {color: #ff9933; text-decoration:none; width:100%}
  42.  
  43. a.headings:active {color: #0000ff;width:100%}
  44.  
  45. a.headings {background-repeat:no-repeat;font-family:"Verdana","arial","sans-serif";font-size:10px;}
  46.  
  47. -->
  48.  
  49. </style>
  50.  
  51.  
  52.  
  53. <script type="text/javascript">
  54.  
  55. <!-- Created by: http://london-net.net -->
  56.  
  57. <!-- Begin
  58.  
  59. var subs_array = new Array("sub1","sub2","sub3");// Put the id's of your hidden divs in this array
  60.  
  61. function displaySubs(the_sub){
  62.  
  63.     if (document.getElementById(the_sub).style.display==""){
  64.  
  65.     document.getElementById(the_sub).style.display = "none";return
  66.  
  67.   }
  68.  
  69.   for (i=0;i<subs_array.length;i++){
  70.  
  71.     var my_sub = document.getElementById(subs_array[i]);
  72.  
  73.     my_sub.style.display = "none";
  74.  
  75.     }
  76.  
  77.   document.getElementById(the_sub).style.display = "";
  78.  
  79.   }
  80.  
  81. //  End -->
  82.  
  83. </script>
  84.  
  85. </HEAD>
  86.  
  87.  
  88.  
  89. <!-- STEP TWO: Add code into BODY section of document  -->
  90.  
  91.  
  92.  
  93. <BODY>
  94.  
  95.  
  96.  
  97. <p><a href="javascript:void(0)" class="headings" onClick="displaySubs('sub1')" onFocus="if(this.blur)this.blur()";>
  98.  
  99.   <strong>Click here for information ...</strong> </a> </p>
  100.  
  101. <div class="para"  id="sub1" style="display:none">
  102.  
  103.      Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus.
  104.  
  105. </div>
  106.  
  107.  
  108.  
  109. <p><a href="javascript:void(0)" class="headings" onClick="displaySubs('sub2')" onFocus="if(this.blur)this.blur()";>
  110.  
  111.   <strong>Click here for more information ...</strong> </a> </p>
  112.  
  113. <div class="para" id="sub2" style="display:none">
  114.  
  115.   Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.
  116.  
  117. </div>
  118.  
  119.  
  120.  
  121. <p><a href="javascript:void(0)" class="headings" onClick="displaySubs('sub3')" onFocus="if(this.blur)this.blur()";>
  122.  
  123.   <strong>Click here for still more information ...</strong> </a> </p>
  124.  
  125. <div class="para"  id="sub3" style="display:none">
  126.  
  127.   Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam.
  128.  
  129. </div>
  130.  
  131. <!-- END OF SCRIPT -->
  132. <!/SCRIPT>
  133.  
  134. <!PREVIEW>
  135. <!-- START OF SCRIPT -->
  136.  
  137.  
  138. <!-- HOW TO INSTALL PAGE ORGANIZER:
  139.  
  140.  
  141.  
  142.   1.  Copy code into the HEAD section of document
  143.  
  144.   2.  Put last coding into the BODY section of document  -->
  145.  
  146.  
  147.  
  148. <!-- STEP ONE: Add code into HEAD section of document  -->
  149.  
  150.  
  151.  
  152. <HEAD>
  153.  
  154.  
  155.  
  156. <style type="text/css">
  157.  
  158. <!--
  159.  
  160. .para {font-family: "Verdana","Arial","sans-serif"; font-size: 10pt;}
  161.  
  162. a.headings:link {color: #000000;text-decoration:underline;width:100%;}
  163.  
  164. a.headings:visited {color: #aa6611; width:100%}
  165.  
  166. a.headings:hover {color: #ff9933; text-decoration:none; width:100%}
  167.  
  168. a.headings:active {color: #0000ff;width:100%}
  169.  
  170. a.headings {background-repeat:no-repeat;font-family:"Verdana","arial","sans-serif";font-size:10px;}
  171.  
  172. -->
  173.  
  174. </style>
  175.  
  176.  
  177.  
  178. <script type="text/javascript">
  179.  
  180. <!-- Created by: http://london-net.net -->
  181.  
  182. <!-- Begin
  183.  
  184. var subs_array = new Array("sub1","sub2","sub3");// Put the id's of your hidden divs in this array
  185.  
  186. function displaySubs(the_sub){
  187.  
  188.     if (document.getElementById(the_sub).style.display==""){
  189.  
  190.     document.getElementById(the_sub).style.display = "none";return
  191.  
  192.   }
  193.  
  194.   for (i=0;i<subs_array.length;i++){
  195.  
  196.     var my_sub = document.getElementById(subs_array[i]);
  197.  
  198.     my_sub.style.display = "none";
  199.  
  200.     }
  201.  
  202.   document.getElementById(the_sub).style.display = "";
  203.  
  204.   }
  205.  
  206. //  End -->
  207.  
  208. </script>
  209.  
  210. </HEAD>
  211.  
  212.  
  213.  
  214. <!-- STEP TWO: Add code into BODY section of document  -->
  215.  
  216.  
  217.  
  218. <BODY>
  219.  
  220.  
  221.  
  222. <p><a href="javascript:void(0)" class="headings" onClick="displaySubs('sub1')" onFocus="if(this.blur)this.blur()";>
  223.  
  224.   <strong>Click here for information ...</strong> </a> </p>
  225.  
  226. <div class="para"  id="sub1" style="display:none">
  227.  
  228.      Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus.
  229.  
  230. </div>
  231.  
  232.  
  233.  
  234. <p><a href="javascript:void(0)" class="headings" onClick="displaySubs('sub2')" onFocus="if(this.blur)this.blur()";>
  235.  
  236.   <strong>Click here for more information ...</strong> </a> </p>
  237.  
  238. <div class="para" id="sub2" style="display:none">
  239.  
  240.   Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.
  241.  
  242. </div>
  243.  
  244.  
  245.  
  246. <p><a href="javascript:void(0)" class="headings" onClick="displaySubs('sub3')" onFocus="if(this.blur)this.blur()";>
  247.  
  248.   <strong>Click here for still more information ...</strong> </a> </p>
  249.  
  250. <div class="para"  id="sub3" style="display:none">
  251.  
  252.   Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam.
  253.  
  254. </div>
  255.  
  256. <!-- END OF SCRIPT -->
  257. <!/PREVIEW>
  258.  
  259. <!RELATED>NONE<!/RELATED>
  260.